<template>
<div>
    <el-row>
        <!-- // 分站  -->
        <el-col  class="mycard" v-for="(item, index) in Data" :key="index" :span="item.span">
            <el-card style="margin:5px;">
                <i :class="item.icon">
                </i>
                <span class="font">{{item.name}}</span>
                <span class="count">{{item.count==null?'0':item.count}}</span>
            </el-card>
        </el-col>
    </el-row>
</div>
</template>
<script>
export default {
  props: {
    Data: {
      type: Array
    }
  },
  created() {
  },
  data() {
    return {}
  }
}
</script>
<style scoped>
.mycard {
    /* padding: 5px; */
    /* margin:1px; */
}
.icon{
    font-size:65px;
    float:left;
    width:70px;
    margin-left: 30px;
    margin-top: 5px;
    color:#409EFF;
}
.font{
    color:#aaa;
    float:left;
    width:200px;
    margin-left:50px;
    margin-top:20px;
}
.count{
    font-size:40px;
    color:#888;
    float:left;
    width:200px;
    margin:5px 0 10px 50px;
}
</style>

